{include file="index@index/head"}
<link rel="stylesheet" href="__PUBLIC__/static/static/css/yx.css">
<div class="container">
    <!--面包屑导航-->
    <nav class="row breadcrumb d-none d-md-flex">
        <span class="breadcrumb-item">当前位置：</span>
        <a class="breadcrumb-item" href="#">首页</a>
        <span class="breadcrumb-item ">成人高考</span>
    </nav>
    <div class="row flex-column mb-4">
        <!--省份筛选-->
        <div class="d-flex flex-row flex-wrap align-items-center condition-box condition-box-1">
            <div class="col-1 f-14 px-0">院校所在地：</div>
            <ul class="col-11 nav">
                <li class="nav-item"><a href="http://www.test.cn/zsyx" class="nav-link text-gray f-14 yx-active">全部</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=1" class="nav-link text-gray f-14">北京</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=2" class="nav-link text-gray f-14">天津</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=3" class="nav-link text-gray f-14">河北</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=4" class="nav-link text-gray f-14">山西</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=5" class="nav-link text-gray f-14">内蒙古</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=6" class="nav-link text-gray f-14">辽宁</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=7" class="nav-link text-gray f-14">吉林</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=8" class="nav-link text-gray f-14">黑龙江</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=9" class="nav-link text-gray f-14">上海</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=10" class="nav-link text-gray f-14">江苏</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=11" class="nav-link text-gray f-14">浙江</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=12" class="nav-link text-gray f-14">安徽</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=13" class="nav-link text-gray f-14">福建</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=14" class="nav-link text-gray f-14">江西</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=15" class="nav-link text-gray f-14">山东</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=16" class="nav-link text-gray f-14">河南</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=17" class="nav-link text-gray f-14">湖北</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=18" class="nav-link text-gray f-14">湖南</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=19" class="nav-link text-gray f-14">广东</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=20" class="nav-link text-gray f-14">广西</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=21" class="nav-link text-gray f-14">海南</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=22" class="nav-link text-gray f-14">重庆</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=23" class="nav-link text-gray f-14">四川</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=24" class="nav-link text-gray f-14">贵州</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=25" class="nav-link text-gray f-14">云南</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=26" class="nav-link text-gray f-14">西藏</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=27" class="nav-link text-gray f-14">陕西</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=28" class="nav-link text-gray f-14">甘肃</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=29" class="nav-link text-gray f-14">青海</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=30" class="nav-link text-gray f-14">宁夏</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=31" class="nav-link text-gray f-14">新疆</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=32" class="nav-link text-gray f-14">台湾</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=33" class="nav-link text-gray f-14">香港</a></li>
                <li class="nav-item"><a href="http://www.test.cn/zsyx?city_id=34" class="nav-link text-gray f-14">澳门</a></li>
            </ul>
        </div>

        <!--院校特征-->
        <div class="d-flex flex-row align-items-center condition-box condition-box-2">
            <div class="col-1 tag-title-2 f-14 px-0">院校特征：</div>
            <ul class="col-11 nav">
                <li class="nav-item"><a href="javascript:void(0)" class="nav-link text-gray f-14 yx-active">全部</a></li>
                {volist name="label" id="vo"}
                <li class="nav-item"><a href="javascript:void(0)" id={$vo.id} class="nav-link text-gray f-14">{$vo.title}</a></li>
                {/volist}  
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="col-9 px-0">
            <!--显示信息-->
            <div class="border p-3 d-flex flex-row justify-content-between">
                <div>
                    排序：
                    <span class="yx-active mr-5 f-14">默认</span>
                    <span class="text-muted f-14">报名从高到低</span>
                </div>
                <div class="f-14">
                    <span>共<span class="text-blue">33</span>所院校</span>
                    <a href="javascript:void(0);" class="text-decoration-none">&lt;</a>
                    <span><span class="cur">1</span>/<span class="totle">2</span></span>
                    <a href="javascript:void(0);" class="text-decoration-none">&gt;</a>
                </div>
            </div>
            <!--学校-->
            {volist name="list" id="vo"}
            <div class="row border-bottom pt-4 pb-4 ">
                <!--学校信息-->
                <div class="col-6 pr-4 border-right">
                    <div class="row">
                        <div class="col-3"><img class="img-fluid" src="{$vo.school_logo}" alt=""></div>
                        <div class="col-9">
                            <h5 class="text-truncate">{$vo.school_name}</h5>
                            <ul class="nav">
                                {volist name="vo.label" id="v"}
                                <li class="nav-item">{$v.title}</li>
                                {/volist}  
                            </ul>
                            <div class="d-flex flex-row text-muted">
                                <div>层次：
                                    <span style="display: {if !in_array(1,$vo.level)}none;{/if}">高起专</span>
                                    <span style="display: {if !in_array(2,$vo.level)}none;{/if}">专升本</span>
                                </div>
                                <div>累计报读：
                                    <span>220162</span>
                                </div>
                            </div>
                            <div class="mt-3">
                                <a href="" class="btn btn-blue mr-5">招生简章</a>
                                <a href="{:u('zsyx',$vo.id)}" dd="{$vo,id|_getaa}" class="btn btn-blue">院校详情</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--推荐专业-->
                <div class="col-5 offset-1">
                    <h4 class="text-center mb-4">--推荐专业--</h4>
                    <div class="row">
                        {volist name="vo.gradation" id="s"}
                        <div class="col-6 mb-3">
                            <a href="" class="btn btn-outline-primary px-5">{$s.professional_title}</a>
                        </div>
                        {/volist}  
                    </div>
                </div>
            </div>
            {/volist}
        </div>
        <!--右侧-->
        <div class="col-3 pr-0">
            <div class="border hot-yx mb-5">
                <h5 class="text-center short-line font-weight-bold">热门院校</h5>
                <!--轮播图-->
                <div id="yx-slider" class="carousel slide" data-ride="carousel">
                    <!-- 轮播图片 -->
                    <div class="carousel-inner">
                        {volist name="hot" id="v" key='key'}
                        <div class="carousel-item {if condition="$key eq 1"}active{/if}">
                            <img src="{$v.school_logo}">
                            <h6 class="text-truncate">{$v.school_name}</h6>
                            <ul class="nav slider-tag">
                                {volist name="v.label" id="s"}
                                <li class="nav-item">{$s.title}</li>
                                {/volist}  
                            </ul>
                        </div>
                        {/volist}
                    </div>

                    <!-- 左右切换按钮 -->
                    <a class="slider-control carousel-control-prev" href="#yx-slider" data-slide="prev">
                        <span class="carousel-control-prev-icon"></span>
                    </a>
                    <a class="slider-control carousel-control-next" href="#yx-slider" data-slide="next">
                        <span class="carousel-control-next-icon"></span>
                    </a>
                </div>
                <div class="text-center mt-3"><a href="" class="btn btn-blue bm f-14">立即报名>></a></div>
            </div>
            <!--报考指南-->
            <div>
                <h5 class="text-center zhinan short-line">报考指南</h5>
                <ul class="nav flex-column zhinan-list">
                    <li class="nav-item" style="width: 285px"><a href="" class="nav-link text-truncate">益硕教育报名形式和方法报名形式和方法？</a></li>
                    <li class="nav-item" style="width: 285px"><a href="" class="nav-link text-truncate">益硕教育报名形式和方法报名形式和方法？</a></li>
                    <li class="nav-item" style="width: 285px"><a href="" class="nav-link text-truncate">益硕教育报名形式和方法报名形式和方法？</a></li>
                    <li class="nav-item" style="width: 285px"><a href="" class="nav-link text-truncate">益硕教育报名形式和方法报名形式和方法？</a></li>
                    <li class="nav-item" style="width: 285px"><a href="" class="nav-link text-truncate">益硕教育报名形式和方法报名形式和方法？</a></li>
                </ul>
                <div class="text-center">
                <button type="button" class="btn btn-blue px-4 f-14" onclick="changeData()">换一批</button>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="index@index/foot"}
<script>
    //轮播图2初始化
    $("#yx-slider").carousel();

    //点击切换，不需要可删除
    $(".condition-box-1 a").click(function(){
        $(".condition-box-1 a").removeClass("yx-active");
        $(this).addClass("yx-active");
    })
    $(".condition-box-2 a").click(function(){
        $(".condition-box-2 a").removeClass("yx-active");
        $(this).addClass("yx-active");
    })
    
</script>
